---
title: Empty Content
description: Empty content components for Tailwind CSS. Engagement-focused patterns for marketing sites and e-commerce with friendly messaging and exploration-oriented actions, helping users discover related content and stay engaged.
category: marketing
emoji: 🎯
slug: empty-content
tag: new
terms:
  - placeholder
components:
  - { title: 'No search results', dark: true }
  - { title: 'No search results (alternative)', dark: true }
  - { title: 'Coming soon', dark: true }
  - { title: 'Related content', dark: true }
  - { title: 'No stock', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Empty Content Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
